// 堆叠图
export const stacked =(that,containerId,entryData,midData,endData)=>{
    // 获取了echarts容器 生成了echarts实例
    let myChart=that.$echarts.init(document.getElementById(containerId));
    let option={
        title: {
            text: '成绩分析图'
        },
        tooltip: {
            trigger: 'axis',
             
        },
        legend: {
            top:'5%',
            data: ['入学','期中','期末']
        },
        grid: {
            left: '3%',
            right: '5%',
            bottom: '6%',
            containLabel: true
        },
        toolbox: {
            feature: {
            saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['语文','数学','英语','文综','理综']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
            name: '入学',
            type: 'line',
            // stack: 'Total',
            data: entryData
            },
            {
            name: '期中',
            type: 'line',
            // stack: 'Total',
            data: midData
            },
            {
            name: '期末',
            type: 'line',
            // stack: 'Total',
            data: endData
            }
        ]
    }
    // 让实例对象与配置对象进行关联
    myChart.setOption(option);

    // echarts图随着屏幕的宽度而变动
    // 前提是容器的宽高不能给具体的值（px） 而是要写成%
    window.onresize=function(){
        myChart.resize();
    }
}

// 折线图
export const basisLine=(that,containerId,subject,gradeSubject)=>{
    // 获取了echarts容器 生成了echarts实例
    let myChart=that.$echarts.init(document.getElementById(containerId));
    let option = {
        title: {
            text: subject
        },
        xAxis: {
          type: 'category',
          data: ['入学', '期中', '期末']
        },
        grid: {
            left: '3%',
            right: '5%',
            bottom: '6%',
            containLabel: true
        },
        yAxis: {
          type: 'value'
        },
        series: [
          {
            data: gradeSubject,
            type: 'line'
          }
        ]
      };
    // 让实例对象与配置对象进行关联
    myChart.setOption(option);

    // echarts图随着屏幕的宽度而变动
    // 前提是容器的宽高不能给具体的值（px） 而是要写成%
    window.onresize=function(){
        myChart.resize();
    }
}